$(function () {

    var cateMenu = function () {
        var cateLiNum = $(".cateMenu li").length; 		//取到下拉菜单中所有的菜单项的数量
        $(".cateMenu li").each(function (index, element) { 		//遍历下拉菜单中的每一项的数据
            if (index <= cateLiNum - 1) {
            	//只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。
                $(this).mouseenter(function () { 	//为每一项，当发生 mouseenter 事件时指定运行的函数
                    var ty = $(this).offset().top - 158; //方法返回或设置匹配元素相对于文档的偏移（位置）
                    var obj = $(this).find(".list-item"); 	//方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选
                    var sh = document.documentElement.scrollTop || document.body.scrollTop; //取到网页下拉的长度
                    var oy = ty + (obj.height() + 30) + 558;
                    var dest = oy - $(window).height()
                    if (oy > $(window).height()) {
                        ty = ty - dest - 158;
                    }
                    if (ty < 0) ty = 0;
                    $(this).addClass("on");
					
                    obj.show();
                    	//animate该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
                   // $(".cateMenu li").find(".list-item").stop().animate({ "top": ty });
                  //  obj.stop().animate({ "top": ty });
                })
                
                
                $(this).mouseleave(function () {
                    $(this).removeClass("on");
                    $(this).find(".list-item").hide();
                })
                
                
            }
        });

        $(".navCon_on").hover(function(){
            $(".cateMenu").show();
			$(".navCon-cate-title").addClass("hover");
        },
		function () {
		    $(".cateMenu").hide();
			$(".navCon-cate-title").removeClass("hover");
		})

    }();

});